<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta charset="UTF-8">
<title></title>
	<script type="text/javascript" src="js/jquery-3.1.0.js"></script>
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

<link href="../css/zcss/switchery.min.css" rel="stylesheet">
<link href="../css/zcss/bootstrap-clockpicker.min.css" rel="stylesheet">
<link href="../css/zcss/bootstrap-table.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/bootstrap-select.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/core.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/components.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/icons.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/responsive.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/custombox.min.css" rel="stylesheet">
<link href="../css/zcss/animate.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">

<link href="../css/zcss/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="../css/zcss/switchery.min.css" rel="stylesheet">
<link href="../css/zcss/bootstrap-clockpicker.min.css" rel="stylesheet">
<link href="../css/zcss/bootstrap-table.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/bootstrap-select.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/core.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/components.css" rel="stylesheet" type="text/css">

<!--图标的外部样式-->
<link href="http://cdn.xtcrm.com/cdn//v7/fm/ub/css/icons.css"
	rel="stylesheet" type="text/css">
<!--图标的外部样式-->

<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/responsive.css" rel="stylesheet" type="text/css">
<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/custombox.min.css" rel="stylesheet">
<link href="../css/zcss/animate.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">

<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="js/axios.js"></script>
<script type="text/javascript" src="js/qs.js"></script>

<!-- 引用Vue -->

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入组件库 -->
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		
		<script type="text/javascript" src="js/axios.js"></script>
		<script type="text/javascript" src="js/qs.js"></script>
		<script type="text/javascript" src="js/jqp.js"></script>-->
<!--<script type="text/javascript" src="js/jquery-3.1.0.js"></script>-->
<script type="text/javascript"
	src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

</head>

<body class="fixed-left">
	<iframe name="CalFrame" width="144" height="192" id="CalFrame"
		src="/css/calendar.htm"
		style="display: none; position: absolute; z-index: 100; border: 0"></iframe>
	<script src="/css/jqp.js"></script>
	<title></title>

	<div class="enlarged forced" id="wrapper" style="height:1500px;">
		<!-- 页面头部开始 -->
		<!-- jQuery  -->
		<!--UTF8-->
		<div id="del"
			style="position: absolute; visibility: hidden; &amp; amp; amp; amp; #9; left: 0; &amp; amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;"></div>
		<!-- basewin iframe -->

		<!-- /.modal -->
		<!-- 页面头部结束 -->

		<!-- ============================================================== -->
		<!-- 右侧主体内容开始-->
		<!-- ============================================================== -->
		<div class="content-page crm" style="margin: 0;">
			<div class="content" style="margin: 0;">
				<div class="container-fluid">
				
					<div class="row">
						<div class="col-sm-12">
							
							<!----------------筛选、查询input代码开始-------------------->
							
							<div class="m-t-20">
								<div id="idid">
									<div class="tab-content">
										<div class="bootstrap-table m-t-10">
											<div class="fixed-table-container" id="fixed-table-container">
												<table class="table table-bordered table-hover" id="sefef">
													<thead>
														<tr>
															<!-- <th class="bs-checkbox" style="width: 36px;">
																<div class="th-inner">
																	<template> `checked` 为 true 或 false
																	<el-checkbox v-model="checked"></el-checkbox> </template>
																</div>
																<div class="fht-cell"></div>
															</th> -->

															<th class="th-inner ">
																<p>
																	<a class="na"
																		href="JavaScript:qlist100_argv_orderf='id'; qlist100_argv_orderv=0;qlist100_load();"
																		set-lan="html:ID">ID</a>
																</p>
															</th>

															<th class="th-inner ">
																<p align="left">
																	<a class="na"
																		href="JavaScript:qlist100_argv_orderf='cu_name'; qlist100_argv_orderv=0;qlist100_load();"
																		set-lan="html:客户名称">操作用户</a>
																</p>
															</th>
															<th class="th-inner ">
																<p>
																	<a class="na"
																		href="JavaScript:qlist100_argv_orderf='owner'; qlist100_argv_orderv=0;qlist100_load();"
																		set-lan="html:<font color=red>所有者</font>"> <font
																		color="#000000">被合并用户</font>
																	</a>
																</p>
															</th>
															<th class="th-inner ">
																<p align="left">
																	<a class="na"
																		href="JavaScript:qlist100_argv_orderf='sflag'; qlist100_argv_orderv=0;qlist100_load();"
																		set-lan="html:<font color=red>公开</font>"> <font
																		color="#000000">合并用户</font>
																	</a>
																</p>
															</th>
															<th class="th-inner ">
																<p align="left"
																	set-lan="html:<font color=red>读权限</font>">
																	<font color="#000000">原负责人</font>
																</p>
															</th>
															<th class="th-inner ">
																<p align="left"
																	set-lan="html:<font color=red>写权限</font>">
																	<font color="#000000">现负责人</font>
																</p>
															</th>
															<th class="th-inner ">
																<p align="left"
																	set-lan="html:<font color=red>写权限</font>">
																	<font color="#000000">合并时间</font>
																</p>
															</th>
															<th class="th-inner ">&nbsp;</th>
														</tr>
													</thead>

													<tbody class="bg-white">
														<tr v-for="(customers,i) in tableData" v-model="tableData">
															<!-- <td class="bs-checkbox">
															<input name="sel_id[]"
																type="checkbox" v-bind:value="customers.cus_id"
																data-parsley-multiple="sel_id" ></td> -->
															<td>
																<p>{{customers.cuctid}}</p>
															</td>
															<td>
																<p align="left">{{customers.usenamecao}}</p>
															</td>
															<td>
																<p align="left">{{customers.cusnamebe}}</p>
															</td>
															<td >																
																		<p>{{customers.cusnamehe}}</p>
																	</td>

																<td >
																		<p align="left">{{customers.usenameyuan}}</p>
																	
																	</td>
																<td>
																		<p align="left">{{customers.usenamexian}}</p>
																	</td>
																	<td>
																		<p align="left">{{customers.cuctdate}}</p>
																	</td>
														<!-- 	<td width="1%" nowrap=""><i class="el-icon-delete"
																@click="dialogVisible = true"
																style="margin-left: 15px; cursor: pointer;"></i>&nbsp;</td> -->
														</tr>
														<%-- </c:forEach> --%>
													</tbody>
													</table>
											</div>

										</div>
										<div class="col-sm-7">
											<el-pagination @size-change="handleSizeChange"
												@current-change="handleCurrentChange"
												:current-page="ruleForm.currentPage"
												:page-sizes="[5,10,15,20]"
												:page-size="ruleForm.pagesize"
												layout="total, sizes, prev, pager, next, jumper"
												:total="ruleForm.totalCount"> </el-pagination>
										</div>

									</div>
								</div>
								<script>
				var vm = new Vue({
					el: "#idid",
					data() {
						return {
							//表格当前页数据
			                tableData: [],
							ruleForm: {
								//默认选择框为不选中
								checked:false,
								//搜索框
								input: '',
								//下拉条件按钮
								selects: '',
								 //默认每页数据量
				                pagesize:5,
				              //当前页码
				                currentPage: 1,
				                //默认数据总数
				                totalCount:20,
						        }
						}
					},
					methods: {						
						//从服务器读取数据
		                loadData: function(){  
		                	var iosnn=this;
		                	//post提交数据
							axios.post("/customer/kehuhebing",
								//参数转换
								Qs.stringify(this.ruleForm, {
									arrayFormat: 'brackets'
								})		
							).then(function(v) {
								
								iosnn.tableData = v.data;
								 console.info(v.data); 
							}).catch(function(e) {
								alert("出错了"+e);
							});
		                },
						handleSizeChange(val) {
		                	this.ruleForm.pagesize = val;
					        console.log( this.ruleForm.pagesize+'条');
					        this.ruleFormloadData();
					      },
					      handleCurrentChange(val) {
					    	  this.ruleForm.currentPage = val;
					        console.log(this.ruleForm.currentPage+'当前');
					        this.loadData();
					       
					      },
						submitForm(formName) {
							//验证方法
							this.$refs[formName].validate((valid) => {
								if(valid) {
									this.loadData();
								} else {
									console.log('error submit!!');
									return false;
								}
							});
						},
						resetForm(formName) {
							this.$refs[formName].resetFields();
						}					
					},
					
					mounted() {
						var iosnn=this;
						//post提交数据
						axios.post("/customer/kehuhebing",
							//参数转换
							Qs.stringify(this.ruleForm, {
								arrayFormat: 'brackets'
							})		
						).then(function(v) {
							iosnn.tableData = v.data;
							 console.info(v.data); 
						}).catch(function(e) {
							alert("出错了"+e);
						});
					}					
				});
			</script>



								<!--UTF8-->
								</el-form>
								
							</div>
						</div>
						<!----------------统计-------------------->

					</div>
				</div>
			</div>
		</div>
	</div>


	</div>

	<div tabindex="-1" class="modal fade in" id="open-31ke-modal"
		role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
		<div class="modal-dialog text-center p-t-20">
			<iframe name="iframeStat" width="430" height="680" id="iframeStat"
				src="/a.html" frameborder="0" scrolling="no"
				onload22="this.height=this.contentDocument.body.offsetHeight||this.win.Document.body.scrollHeight"></iframe>
		</div>
	</div>

	<div style="display: none;">
		<form name="name_form_real_post" id="id_form_real_post"
			action="/system/alldbaction.xt" method="POST"
			target="bwin-frame-editsubqlist100" novalidate="">
			<input name="name_data_real_post" id="id_data_real_post" type="text">
		</form>
	</div>
	<div id="chcustomer_div"></div>

</body>

</html>